<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			
		</div>
		
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			
			/**
			 *  创建组件：
			 * 		格式：
			 * 			Vue.component("组件的名称",{组件的实体})
			 */
			
			//1、创建组件
			Vue.component("addNumberComponent",{
				//2、定义组件的实体1：数据区
				data: function(){
					return{}
				},
				//3、定义组件的实体2：模板区（引入外部的html代码）
				template: "",
				//4、定义组件的实体3：方法区
				methods: {}
			})
			
			const vue = new Vue({
				el: "#app",
				data: {},
				methods: {},
				mounted() {
					
				}
			})
		</script>
		
		
	</body>
</html>
